﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Merger.aspx.cs" Inherits="Zip_MergerMod" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>JS 压缩页面</title>
    <style type="text/css">
        *{margin:0px; padding:0px;}
        body{ margin:0px auto;width:1200px; }
        li{ list-style:none; margin:2px 0 0 30px;}
        h1{ color:white; background-color:#5CACEE; display:block; height:21px; line-height:21px; width:200px; overflow:hidden; font-size:16px; padding-left:3px;border-radius:5px;}
        h1 a{ vertical-align:-1px;color:#5CACEE; background-color:white;display: inline-block;border-radius:7px;height:13px; line-height:13px;width:13px;font-size:24px; font-weight:700; font-family:@Arial Unicode MS;}
        h1 a:hover{ cursor:pointer;color:white; background-color:#1C86EE;}
        input{margin:0 5px 0 5px;vertical-align:-1px;}
        .rootContainer{ margin:10px 0 0 10px;}
        .rootContainer span{color:#1874CD;}     
        .clearFloat{ overflow:hidden; clear:both; margin:20px 0 20px 10px;}
        .clearFloat h2{color:Olive; font-size:22px; margin-bottom:5px; float:left;}
        .clearFloat select{float:left; margin:3px 0 0 20px;}
        .clearFloat input{float:left; margin:0 0 0 20px;height:30px; width:150px;}
        .c_loading { position:absolute; top:50%; left:50%; height:60px; width:200px; margin:-30px 0 0 -100px; font:bold 14px simsun; } 
        .c_loading img ,.base_loading img{ padding:0 0.5em 6px 0; vertical-align: middle; } 
        .eurail_loading{border: 1px solid #67A1E2;background-color:#FFF; box-shadow: 0 0 10px #666666;width: 400px;position:absolute;} 
        .base_loading{font:bold 14px simsun;text-align:center;padding:20px 0;} 
        .result{ margin:3px 0 400px 20px; font-size:24px; color:Navy; padding-left:20px;}
        .result li{ margin:10px 0 0 0px; width:1000px;font-size:18px;}
        .result h4{color:white; background-color:#5CACEE; display:block; height:25px; line-height:25px; width:1000px; overflow:hidden; text-align:center ;border-top-right-radius:20px;border-top-left-radius:20px;}
        .result p{color:#5CACEE;width:1000px;word-break: break-all;word-wrap:break-word; border-bottom:2px solid #5CACEE; padding:5px 0 5px 0;}
    </style>
    <script type="text/javascript" src="../online/js/src/common/jquery.js"></script>
    <script type="text/javascript" src="../online/js/src/common/jquery_const.js"></script>
    <script src="Merger.js" type="text/javascript"></script>
</head>
<body>
    <div class="rootContainer" id="rootContainer" data-path="<%=rootPathName%>">
        <%= treeHTML %>
    </div>
    <div class="clearFloat" id="submitContainer">
        <h2>压缩方式</h2>
        <select>
        <option value="1">默认</option>
        <option value="2">优化</option>
        <option value="3">混淆</option>
        <option value="4">优化混淆</option>
        </select>
        <input type="button" value="压缩合并" />
    </div>
    <textarea id="txtMerger" rows="4" cols="100"></textarea>
    <div id="result" class="result">
        <h3></h3>
        <ul></ul>
    </div>
    <div id="LoadingPanel" class="base_loading eurail_loading" style="display:none;">
	    <img src="loading_50-0816.gif" />
	    <strong>压缩合并，请稍后...</strong>
    </div>
</body>
</html>
